Deel 6/10 


Websiteproblemen (2/2) 


Als je de tips van onze hersenbrekers uit de vorige aflevering ter 
harte hebt genomen, dan ziet je webstek er nu ongetwijfeld al een 
stuk beeldiger uit. Maar een website is natuurlijk méér dan wat 
mooie plaatjes en achtergronden. In dit artikel pakken we dus 
meteen een aantal andere typische struikelblokken aan: van nukkige 
webformulieren over vreemde tekens tot weerbarstige uploads… 


Webformulier 


Je hebt zopas je eerste webformulier volgens de regels van de kunst 
ontworpen: je keuzerondjes en selectievakjes lijken prima te wer- 
ken, en al je velden staan netjes uitgelijnd in een tabel. Je krijgt ech- 
ter het deksel op de neus zodra je dat formulier op de webserver 
bij je provider plaatst: druk je op de verzendknop om de ingevulde 
gegevens netjes naar je eigen postvak door te mailen, dan geeft je 
browser prompt een foutbericht te zien… en geen spoor van je ge- 
gevens! 

De verklaring is vrij eenvoudig: er is namelijk een extra program- 
maatje op de webserver nodig om de ingevulde gegevens netjes uit 
dat webformulier te halen, te verzamelen en in een e-mailbericht- 
je te stoppen. Zo’n programma noemen we een script (bijvoorbeeld 
geschreven in Perl of ASP). Vooral wie FrontPage gebruikt om z’n 
webstek te ontwerpen, weet vaak niet waar hij het heeft: dat pro- 
gramma maakt het immers bijzonder makkelijk om alle opties voor 
zo’n webformulier snel in te stellen, maar toch moet je provider 
ook hier eerst een speciaal programma (de zogenaamde FrontPa- 


KE: | 405 Method Not Allowed - WEBSIGHT - Toon Van Daele jul E3 


| Bestand Bewerken Beeld Favorieten Exta Help 


| Adres [a http://www. websight.be/ci/fpe/formull htm “| @Ga naar 


Koppelingen €] Beste van het Web €] Channel Guide €] Customize your subscription 


Method Not Allowed 


The requested method POST is not allowed for the URL #ci/fpe/formul1.htm. 


Apache/1,.3.12 Server at bru5-cw2-office,uunet.be Port 80 


E] Gereed ed kei ® Internet , 


Een foutbericht en geen spoor van je gegevens. 
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Hersenbrekers 


Onze 


Hersenbrekers 
gelden in principe 
enkel voor de Windows- 
versies 95, 98, 98 SE en ME. 
De tips zijn dus niet nood- 
zakelijk altijd bruikbaar 
binnen een andere bestu- 
ringsomgeving (zoals 
NT, 2000 of XP). 


Opties voor het opslaan van de resultaten van het formulier 2 x/ 7 5 
_— ge-extensies) op Z'n 
Bevestigingspagina | Opgeslagen velden Ì 
Resutaatbestend E-maltesutaten webserver plaatsen al- 
E-mailadres om resultaten te ontvangen; vorens je formulier kan 
tvd@websioht bel Ì I 
Eenes werken! 
[HTML | 


IS Inclusief veldnamen 


E-mailberichtkop 


Stap 1 


Ga dus eerst bij je pro- 
vider na of hij zo’n for- 
mulierscript op z’n 
webserver heeft draai- 
en, en hoe je precies je 
webformulier moet 
aanpassen. Weigert hij 
zo’n script te installeren, dan kan je je gelukkig nog op de volgen- 
de manier uit de slag trekken… 


Onderwerpregel: 1_Formulierveldnaam 


[resuitaten webformulier - lezersenquête Clickx 


Antwoordadresregel: W_Formulierveldnaam 


pn 


FrontPage... misleidend eenvoudig! 


Stap 2 


Op het internet staan er immers gratis enkele formulierscripts ter 
beschikking, bijvoorbeeld op de site van Thalasson | www. 
thalasson.com |. Om het script aan te spreken, dien je natuurlijk 
wel de nodige aanpassingen aan je formulier(code) te doen. 

We laten je eerst zien hoe je dat aanpakt in FrontPage (Express). 
„Klik met de 


rechter muis- EERE ESA ELEN 2| xl 
toets op een Actie: [http://vuwwthalasson.com/ogibin/wwwthalasson.co 
lege plaats in Methode: [EEn — 
het formulier; 9 

- kies Eicen- | 


SCHAPPEN VAN 
FORMULIER in 
het snelmenu; 


Opmaakprofiel. | Annuleren | 


De eigenschappen van een formulier bepaal je zo. 


- afhankelijk van de versie van FrontPage klik je nu op de knop IN- 
STELLINGEN, of selecteer je de optie NAAR ANDERE BESTEMMING (kies 
hier voor AANGEPAST SCRIPT) — in dit laatste geval druk je op de 
knop Opties; 

- in het veld Actie vul je exact de volgende regel in: HTTP://WWW.THA- 
LASSON.COM/CGI-BIN /WWW.THALASSON.COM/MF.PL ; 

- kies voor Post in het veld METHODE; 

- bevestig met Ok. 


Stap 3 


Naam/waarde-paar 


Naam: femaito 
waarde: finfo@websiaht be 


Annuleren | 


Zo voeg je extra velden toe aan je formulier. 


Nu dien je nog enkele extra (verborgen) velden aan je webformu- 
lier toe te voegen. Dat doe je in FrontPage als volgt. 


- Klik opnieuw met de rechter muistoets op een lege plaats in je 
formulier en kies EIGENSCHAPPEN VAN FORMULIER; 

- druk vervolgens op de knop TOEVOEGEN... (eventueel moet je eerst 
nog de knop GEAVANCEERD indrukken); 

- vul in het veld NAAM “EMAILTO’ in; 

- geef in het veld WAARDE je eigen e-mailadres op (de gegevens van 
het ingevulde webformulier worden dan naar dat postvak door- 
gestuurd); 

- bevestig met Ok. 

Herhaal deze procedure voor de volgende twee velden: 

-1- Naam: NEXTPAGE — Waarde: het volledige (!) url-adres (inclusief 

http://) van de pagina die je bezoeker te zien moet krijgen zodra 

hij het webformulier heeft verstuurd; 

-2- Naam: SUBJECT — Waarde: de onderwerpsregel die je aan het be- 

richtje met de formuliergegevens wil meegeven, bijvoorbeeld: Ant- 

woorden Webformulier. 


Stap 4 


Beschik je niet over FrontPage en weet je niet hoe je het in een an- 
der programma moet aanpakken, dan kan je nog altijd rechtstreeks 
de html-code aanpassen. Dat kan gebeuren in een eenvoudige tekst- 
verwerker als Wordpad of zelfs in je Kladblok. 

Spoor eerst de tag <FORM> op in je html-code. Die ganse tag ver- 
vang je dan door: <FORM METHOD="POST”ACTION="HTTP://WWW. 
THALASSON.COM/CGI-BIN /WWW.THALASSON.COM /MF.PL”>. 
Onmiddellijk na deze tag voeg je dan het verborgen veld EMAILTO 
toe: <INPUT TYPE="HIDDEN" NAME="EMAILTO” VALUE="INFO@ 
WEBSIGHT.BE”>. De overige twee verborgen velden (NEXTPAGE en 
SUBJECT) plaats je er op dezelfde manier dadelijk achter. 


PROBLEMEN MET 
FRONTPAGE LOP 


Stap 5 


Een alternatief is dat je zo’n script zelf op je eigen webstek plaatst, 
indien je provider je dat tenminste toelaat. Dat heeft als voordeel 
dat je formulier niet langer afhangt van de goede werking van de 
Thalasson-webserver. Een goed bruikbaar en gratis script is 
bijvoorbeeld FormMail [ www.worldwidemart.com/scripts/ 
formmail.shtml |, dat je gratis kan downloaden. Het vereist wel een 
minimale kennis van de werking van zo’n script! 


VAKTAAL 


ASP: (Active Server Pages) Een open, vrij 
te compileren programmeeromgeving 


Perl: (Practical Extraction and Report 
Language) Programmeertaal die zeer vaak 


waarin je html-pagina’s, scripts en ActiveX- 
server componenten kan combineren om 
krachtige, op het web gebaseerde zakelijke 
oplossingen te produceren. Met ASP wor- 
den toepassingen op de server gemaakt. 


CGI: (Common Gateway Interface) CGI 
definieert een methode om eenvoudige 
programma’s zoals Perl-scripts op een 
webserver te draaien. CGI maakt het 
mogelijk om programma’s in www 
beschikbaar te stellen. Deze worden door 
html-bestanden opgevraagd en maken zelf 
de html-code, die dan naar een www- 
browser kan worden gestuurd. 


Html: Hypertext markup language, een 
soort taal die tekst, afbeeldingen, links 
enzovoort in webpagina's giet. 


wordt toegepast voor het maken van CGI- 
scripts. Perl-scripts kunnen zowel de 
extensie ‚pl als ‚cgi hebben en worden 
alleen uitgevoerd als Perl op het serversys- 
teem staat. 


Seript: Kleine programmaatjes die vaak in 
webpagina's worden verwerkt om bijvoor- 
beeld gegevens op te vragen. 


URL-adres: Staat voor uniform resource 
locator, en is niets anders dan het adres 
waar het webdocument zich on line 
bevindt. Gewoonlijk begint zo’n adres met 
http://www … 


Webserver: Computer waarop html-pagi- 
na’'s klaarstaan om geconsulteerd te wor- 
den via het internet. 
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Fonts kunnen je 
heel wat parten spe- 
len op je webpagi- 
na’s: ofwel krijgen je 
bezoekers in hun 
browser niet de let- 
tertypes die je had 
voorzien, ofwel klopt 
de grootte van de 
fonts niet. Maar ook 
aan de kant van de 
ontwikkelaar kun- 
nen fonts best ver- 
velend doen. Je 
slaagt er maar niet 
in een standaard- 
font voor je webpagina’s te definiëren en na een tijdje staat je html- 
code letterlijk bol van al die <FoNt>-tags. Nochtans kan je al deze 
problemen in één klap de baas. Het geheim zit in de <Sryre>-tags. 
Hou er rekening mee dat de browsers hiervoor wel CSS moeten 
ondersteunen (vanaf Internet Explorer 3 en Netscape 4). 


Jngand ongertan Ome 
lO-S-@ 0 


[norman Gtandonrdertatype) 


Clickx! Hersenbrekers 


Dit Is de standaardgrootte van het gewone body-font! 


WJ Voel J || 
ASIN Sn AMK 0 
[=| veer 


Geef meer style aan je fonts! 


Stap 1 


Je kan zo’n <STYLE>-tag natuurlijk door je webeditor laten invoe- 
ren (in FrontPage bijvoorbeeld kan dat via het menu OPMAAK, op- 
tie OPMAAKPROFIEL), maar voor een CSS-beginneling kan zo’n pro- 
cedure behoorlijk complex overkomen. We pakken dus beter recht- 
streeks de html-code van de webpagina aan (in FrontPage klik je 
daarvoor op het html-tabblad, onderaan de pagina). 


Stap 2 


In het header-gedeelte, tussen de <HEAD>-tags, plaats je dan de 
volgende coderegels: 
<STYLE> 

BODY, P, TD 

{ FONT-FAMILY: VERDANA, GENEVA, HELVETICA, ARIAL, SANS-SERIF } 
</STYLE> 
Hiermee los je alvast twee problemen op. Deze coderegel specifi- 
ceert namelijk het standaardfont van alle body-, paragraaf- en ta- 
beltekst, zodat je voor die tekst alvast niet langer van de html <ronTr>- 
tags gebruik hoeft te maken! Dankzij het attribuut font-family hoef 
je je ook niet langer zorgen te maken dat bijvoorbeeld het Verdana- 
font niet op het toestel van je bezoeker is geïnstalleerd. Zoals je het 
hier hebt aangegeven, zal zijn browser in volgorde de fonts Ver- 
dana, Geneva, Helvetica en Arial uitproberen. Blijkt geen van deze 
fonts geïnstalleerd, dan pas zal de browser een ander sans-serif 
font (een schreefloos lettertype dus) gebruiken. 


Stap 3 


Wil je ook iets aan de fontgrootte doen, dan kan je de regel uit de 
vorige stap als volgt aanpassen: { FONT-FAMILY: VERDANA, GENEVA, 
HELVETICA, ARIAL, SANS-SERIF ; FONT-SIZE:SMALLER }. 
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Door deze toevoeging geef je te kennen dat de standaardgrootte 
van je body-font iets kleiner moet zijn dan de grootte die de brow- 
ser aan je bezoeker normaal te zien geeft. Als je dat verkiest, kan 
je ook een bepaald percentage opgeven, zoals { font-size: 80% }, of 
zelfs met exacte, absolute waarden werken, bijvoorbeeld in pixel- 
grootte: { font-size: 1apx }. 


Stap 4 


Wil je voor andere html-tags andere fontattributen specificeren, 
dan kan dat op dezelfde manier. Voor kopgroottes 1 en 2 bijvoor- 
beeld tik je binnen de <sryLE>-tags de volgende regels in: 
Hr, Ha 

{ FONT-FAMILY: “COMIC SANS MS’, ‘ARIAL NARROW’, SANS SERIF; FONT- 
SIZE: 24PT } 


Nooit gedacht dat al die euro-perikelen zich ook zouden doorzet- 
ten tot op je webpagina? Dan moet je maar eens het €-teken uit- 
proberen in html! Wedden dat het op heel wat browsers niet cor- 
rect wordt weergegeven? Dat komt vooral omdat het teken vrij laat 
in de computerwereld werd geïntroduceerd (meer bepaald in Uni- 
code 2.1 van 1998), zodat nogal wat fonts het zonder dat teken moe- 
ten stellen. Een universele oplossing is er vooralsnog niet, maar 
met de volgende tips vermijd je alvast een (n)eurose. 


Stap 1 


De meeste handleidingen raden aan te doen wat je voor andere spe- 
ciale tekens in html kan doen: je gebruikt een zogenaamde enti- 
teitsverwijzing in plaats van het teken zelf uit je toetsenbord te ram- 
men. Het teken é bijvoorbeeld kan je in de html-code als volgt op- 
nemen: &EACUTE; en voor de € is er de volgende referentie voor- 
zien: &EURO;. Nogal wat browsers geven ook deze verwijzing niet 
goed weer, maar ze laten de bezoekers dan tenminste wel nog het 
verstaanbare &EURO; zien. 


Stap 2 


Gelukkig blijkt de numerieke referentie voor het €-teken iets al- 
gemener aanvaard te worden door de browsers: &#8364;. Deze no- 
tatie blijkt alvast geen problemen op te leveren vanaf Internet Ex- 
plorer 4, op voorwaarde weliswaar dat het gebruikte font het €-te- 
ken kan weergeven. 


Stap 3 


Een alternatieve oplossing is natuurlijk het €-teken in een kleine 
gif-afbeelding te stoppen en het als zodanig in je webpagina op te 
roepen. Het nadeel is dan wel dat zo’n afbeelding zich uiteraard 
niet automatisch schaalt naar de grootte van het weergegeven font. 


Geen geluid 


Je tracht je webpagina’s wat op te fleuren met een leuk achter- 
gronddeuntje of een blits multimediabestand, en wat blijkt? Je 
browser geeft geen piep, of je krijgt enkel iets te horen of te zien 
als je Internet Explorer gebruikt… Vooral FrontPage-gebruikers 
hebben hiermee af te rekenen, want dat programma stemt zijn 
code vooral af op - wat dacht je - de Microsoft-browser! 


OS 


[Bestand Bewerken Beeld [invoegen Opmaak Extra Tabel Frames Venster 


D-s-5 Endemarkering… 


Horizontale lijn 


Stap 1 


Om snel een avi-filmpje 


EEE op je webpagina te plak- 
DATA TSE ’ ken, is de verleiding in 
f FrontPage natuurlijk 

» 


Pagina 


groot om dat via het 
menu INVOEGEN, FIGUUR, 
Vipeo te doen… Geen 
goed idee, want op die 
manier kunnen enkel In- 
ternet Explorer-gebrui- 


Eigenschappen van invoegtoepassing 2[x| À 
Gegevensbran: kers van je opname ge- 
[vakantie/video/zanzibar mov Bladeren. Í ni eten E en alt erna ti e £ i S 
Bericht voor browsers die invoegtoepassingen niet ondersteunen: SN 
rammer maar ie hebt een plugin nod die ‚mov bestanden kan een ActiveX-control te en 
Ee bruiken maar ook dat is 
Hooge [20{ Greed [0 T Imosgospssnaveteen | in hetzelfde bedje ziek. 
ie em Gelukkig kan je ook 
Uitlijning: Standaard x| Horizontale afstand: fo G 1g Kan je OOK NOS 
Render m Veicseafserd | een beroep doen op en- 
kele universele plug-ins 
En enen | Ee 


voor multimedia. Open 
daartoe het menu INVOE- 
GEN in FrontPage en kies 
de opties GEAVANCEERD, INVOEGTOEPASSING. In het veld GEGEVENS- 
BRON verwijs je dan naar het multimediabestand. De andere attri- 
buten in het dialoogvenster spreken eigenlijk voor zich. 

Beschik je niet over FrontPage, dan kan je dat ook rechtstreeks in 
de html-code toevoegen, en wel als volgt: <EMBED WIDTH= "240" 
HEIGHT="320” SRC="VAKANTIE/VIDEO/ZANZIBAR.MOV”>. 

Is de vereiste plug-in niet aanwezig, dan kan je een alternatieve 
boodschap opnemen tussen de tags <NOEMBED> </NOEMBED>. 
Afhankelijk van de plug-in kan je ook nog extra attributen opne- 
men binnen de <EMBED>-tag. Voor een RealAudio-bestand bij- 
voorbeeld kan je er via de code AUTOSTART="TRUE" voor zorgen dat 
het geluid onmiddellijk begint te spelen. 


Plug-ins: een universele oplossing. 


Stap 2 


Ongeveer dezelfde problematiek zien we bij achtergrondgeluiden. 
Gebruik je FrontPage, dan voeg je zo’n geluid wellicht toe via het 
dialoogvenster EIGENSCHAPPEN VAN PAGINA, tabblad ALGEMEEN, ACH- 
TERGRONDGELUID. Deze optie zorgt ervoor dat er net voor de </HEAD>- 
tag een coderegel als <BGSOUND SRC=" GELUIDEN \ VALENTIJN.WAV” 
LOOP="-1"> wordt opgenomen. Werkt prima onder Internet Explo- 
rer, maar laat opnieuw Netscape in stilte achter. 

Ook hier maak je dus beter gebruik van de <EMBED>-tag, bijvoor- 
beeld als volgt: <EMBED SRC=" GELUIDEN /VALENTIJN.WAV” AUTO- 
START="TRUE” VOLUME="7 0” HIDDEN=" TRUE” LOOP="TRUE">. 

Deze code zorgt ervoor dat het geluid dadelijk begint te spelen 


(autostart), met een matig volume (hier 70% van de standaard in- 
gestelde geluidssterkte), dat het automatisch wordt herhaald (loop), 
en dat de besturingsinterface onzichtbaar blijft (hidden). 


Framed gaan 


Frames kunnen best handig zijn op een site, zeker nu zowat alle 
browsers ze ondersteunen. Een even typische als handige con- 
structie is een navigeerbalk (hoofdmenu) links, bovenaan rechts 
een titelbalk (of submenu) en een groter frame onderaan rechts 
voor de eigenlijke inhoudspagina. Op voorwaarde natuurlijk dat 


alle links werken zoals je ze bedoeld had… 


Stap 1 


Stel dat je hyperlinks 
in het linkerframe een 
nieuwe pagina in het 
kleine frame bovenaan 
rechts moeten openen, 
maar wat blijkt: je 
links openen een pa- 
gina in hun eigen fra- 
me waardoor meteen 


ma (heen JHT JC HI hemme Jen |: 


je hoofdmenu ver- 
dwenen is! 


ActiveX-controls: Minuscule programma’s 
die door websites gebruikt worden om 
speciale opdrachten naar de computer van 
de bezoeker te downloaden en die daar ten 
uitvoer te brengen. Zodra ze geïnstalleerd 
zijn, kunnen de ActiveX-controls door ver- 
schillende applicaties opnieuw gebruikt 
worden. 


AVI-formaat: (Audio Video Interleaved) 
Een extensie voor bestanden die video met 
geluid bevatten. Microsoft maakt veel 
gebruik van dit bestandstype en je kan het 
afspelen met de Mediaspeler in Windows. 


CSS: (cascading style sheets) Speciale 
stijlcodes die ervoor zorgen dat je bepaal- 
de stijlkenmerken consequent over grotere 
stukken van je webpagina's kan toepassen, 
zodat je talrijke html-tags kan vermijden. 


Font: De verzameling karakters, een com- 
pleet alfabet in hoofdletters en kleine let- 
ters, cijfers en leestekens van een bepaald 
ontwerp. 


Een geneste hiërarchie met frames: 
klaar voor de start in FrontPage. 


Gif: (Graphics Interchange Format) Een 
gecomprimeerd formaat van afbeeldingen 
met maximaal 256 kleuren. 


Frame: Een afgebakende ruimte op je blad 
papier of webpagina, waarbinnen je bij- 
voorbeeld tekst of afbeeldingen kan laten 
verschijnen. 


Plug-in: Een klein programmaatje dat in 
een bestaand programma wordt geïnte- 
greerd om nieuwe functies te kunnen ver- 
vullen. 


RealAudio: Een technologie om beeld en 
geluid rechtstreeks over het internet door 
te sturen. 


Unicode: Een 16-bit karakter-coderings- 
schema dat ervoor zorgt dat ieder karakter 
in elk van de bestaande talen (wereld) 
uniek kan worden gepresenteerd. 
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Dat kan je vermijden door je framesetpagina als volgt op te stellen 
(wat FrontPage grotendeels automatisch voor zijn rekening neemt): 
<FRAMESET COLS="150,*"> 

<FRAME NAME="LINKERZIJDE” SCR="LINKS.HTM”> 

<FRAMESET ROWS="20%,*"> 

<FRAME NAME="RECHTSBOVEN” SRC="RBOVEN.HTM"> 
<FRAME NAME="RECHTSONDER” SRC="RONDER.HTM”> 

</FRAMESET> 
</FRAMESET> 
Je geeft dus elk frame een eigen naam (in ons voorbeeld respec- 
tievelijk: linkerzijde, rechtsboven en rechtsonder). Nu moet je er 
maar voor zorgen dat alle hyperlinks in de pagina die je in het 
linkerframe plaatst (hier LINKS.HTM genoemd) het attribuut TAR- 
GET="RECHTSBOVEN” meekrijgen, bijvoorbeeld: 
<A HREF=" SUBMENUI.HTM” TARGET=" RECHTSBOVEN” >HOBBY's</A>. 
Klik je nu zo’n hyperlink aan in het linkerframe, dan wordt een 
nieuwe pagina in het frame rechtsboven geopend, zoals het hoort. 
Om te vermijden dat je zo’n target bij élke hyperlink uit LINKS. HTM 
moet meegeven, kan je in deze pagina net boven de </HEAD>-tag 
de volgende instructie plaatsen: <BASE TARGET= "RECHTSBOVEN">. 
Deze tag zorgt er immers voor dat alle hyperlinks nu standaard 
naar het frame met de naam rechtsboven wijzen. 


Stap 2 


Een iets ingewikkelder constructie is dat een klik op een hyperlink 
in het linkerframe nieuwe pagina’s moet openen in beide andere 
frames tegelijk (rechtsboven én —onder)! Zoiets kan je weliswaar 
met een stukje JavaScript oplossen, maar met wat planning krijg 
je dat ook wel in pure html voor elkaar. Volg mee. We maken eerst 
een framesetpagina aan met een smal linkerframe en een breed 
rechterframe: 
<FRAMESET COLS="150,*"> 

<FRAME NAME="LINKERZIJDE” SRC="LINKS.HTM”> 

<FRAME NAME=" RECHTERZIJDE” SRC="RECHTS.HTM”"> 
</FRAMESET> 
De pagina rechts.htm wordt op zijn beurt ook een framesetpagi- 
na, met de volgende ingrediënten: 
S<FRAMESET ROWS="20%,*"> 

<FRAME NAME=" BOVEN” SRC="BOVEN.HTM”> 

<FRAME NAME="ONDER” SRC="ONDER.HTM"> 
</FRAMESET> 
Nu plaats je, opnieuw net boven de </HEAD>-tag in de pagina 
LINKS.HTM de volgende code: <BASE TARGET= “RECHTERZIJDE”>. Klik 
je nu een hyperlink aan op deze pagina, dan wordt de framesetpa- 
gina RECHTS.HTM vervangen door een andere framesetpagina. Deze 
laatste roept op zijn beurt dan weer twee nieuwe pagina’s aan, net 
zoals RECHTS.HTM dat ook deed. Zo zie je maar, het lijkt moeilijk… 
maar is het niet! 


(H)up met de bitjes! 


Je hebt een gulle ro MB webruimte van je provider gekregen, en off 
line (op je eigen harde schijf) staat je gloednieuwe webstek al te blinken. 
Maar je hebt geen flauw idee hoe je dat nu allemaal naar je webruim- 
te versast (geüpload) krijgt. We laten je zien hoe je dat aanpakt met be- 
hulp van het gratis ftp-programma WS FIP LE [ www. 
ftpplanet.com/download.htm |, ook al laten een aantal webeditors 
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Eigenschappen voor Session KAES 


(waaronder FrontPage en 
Dreamweaver) toe dat 
vanuit het pakket zelf te 


General | Startup | Advanced | Firewall] 


Profile Name: [Min webstek al New | 


HostName/âddess: [wmnwebsohtse | bede | 
doen. Host Type: [rutometicdetert El 
serlD: fatoz0se |W \Anonymeus 
Passward [äleë (IV SavePud 


Account | 


Stap 1 


Uiteraard dien je dat gra- 


8 GE! Annuleren Toepassen | Help | 
tis programma wel eerst 
te downloaden (6go KB) De configuratie van WS_FTP LE: 
en te installeren. Veel În een knip gebeurd. 
meer dan dubbelklikken 


op het exe-bestand en wat administratieve gegevens in te voeren, be- 

helst deze procedure echter niet. Daarna start je het eigenlijke pro- 

gramma op en ga je als volgt te werk: 

- je krijgt een dialoogvenster te zien, waar je het tabblad GENERAL 
opent; 

- geef een willekeurige naam aan het veld PROFILE NAME; 

- de andere gegevens (host name/address, user ID en password) moet 
je provider jou kunnen bezorgen - het veld Host Type laat je onge- 
moeid; 

- eventueel zet je een vinkje bij SAvE Pwp, zodat je niet telkens op- 
nieuw je wachtwoord moet ingeven; 

bevestig met een druk op OK... en je bent ingelogd op je webruimte! 


Stap 2 


Het kopiëren van 
gegevens van je lo- 
kale harde schijf 
naar je webruimte 
(of omgekeerd) doe 
je ongeveer op de- 
zelfde manier als je 
dat binnen je Win- 
dows Verkenner doet. In het linkervenster zie je de bestanden op je 
eigen pc, rechts de bestanden op je webstek. Je hoeft maar bestan- 
den in het ene venster te selecteren (eventueel met behulp van de 
Ctrl- of de Shift-toets) en in het midden op het pijltje met de juiste 
richting te klikken. Het kopieerproces schiet in gang. Als alles goed 
gaat, kan je even later je eigen webpagina’s… on line bewonderen! 
Vergeet wel niet de openingspagina van je webstek ‘eindex.htm’ te 
noemen, dan hoef je de paginanaam in je browser niet telkens mee 
in te tikken! Veel succes. 
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Uploaden: een kwestie van klikken! 


— Toon Van Daele — 


Ftp: (File Transfer Protocol) 
Hiermee kan je bestanden via het 
internet van de ene naar de andere 
computer versassen. Van je pc naar 
een andere heet uploaden, in omge- 
keerde richting spreken we van 
downloaden. 


ander document of webpagina. 


Uploaden: Het versturen van een 
bestand naar een andere computer 
via een netwerk of een modem-ver- 
binding. Bij uploaden kopieer je een 
bestand van je computer naar een 
andere computer. Bij downloaden 
Hyperlink: Ook gewoon link wordt die rol omgekeerd. 


genoemd. Een referentie naar een 


